<!--
 * @Author: deliteam 462085920@qq.com
 * @Date: 2023-11-20 14:20:21
 * @Description: 
-->
<template>
   <div>
      <div class="linebreak"></div>
      <div class="article ">
         <ArticleTitle title="奖项 Press" class="list" data-aos="fade-in"></ArticleTitle>
         <div class="linebreak"></div>
         <div class="list fix__col-1-4">
            <div v-for="(item, index) in list" :key="index" class="list__col-1-4 aos-init" data-aos="fade-up"
               data-aos-offset="200" data-aos-easing="ease-in-sine" data-aos-duration="600"
               :data-aos-delay="`${index % 4 * 100}`">
               <div class="block link link-details ext">
                  <div class="thumb">
                     <div class="thumb__inner">
                        <img :src="$picHander(item.image, 'zoom_large')" alt=""
                           class="image image--loaded image--full-height scaleAni" />
                     </div>
                     <div class="thumb__desc hoverMove" v-if="item.description">
                        {{ item.description }}
                     </div>
                  </div>
                  <div class="linebreak"></div>
               </div>
            </div>
         </div>
      </div>
   </div>
</template>
  
<script setup>
let list = ref([])
const getList = async () => {
   const { data } = await useFetch("/api/press", {
      baseURL: "/dev-api",
   });
   list.value = data.value.data;
}
getList();
const { $picHander } = useNuxtApp()
</script>
  
<style lang="less" scoped></style>
  